
<template>
  <!-- <div>加上setup 可以直接在script 中打印数据</div> -->
  <div>
    <h3>根组件</h3>
    <div>点击次数: {{count}}</div>
    <button @click="add">点击修改</button>
  </div>
</template>

<script setup>
  // console.log('你看看我可以直接在这个地方打印数据')
  import {ref} from 'vue'
  const count = ref(0)
  const add = () => {
    count.value++
    console.log(count.value);
  }
</script>
<style>
/* #app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
} */
</style>
